<!DOCTYPE html>
<!-- saved from url=(0039)http://127.0.0.1:8848/shettt/index.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title></title>
		<style type="text/css">
		    *{
				margin: 0;
				padding: 0;
			}
			#ppt{
				width: 100%;
				height: 600px;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#unt{
				width: 600px;
				height: 500px;
				display: flex;
				align-items: center;
				overflow: hidden;
			}
			#tridd{
				display: flex;
				width: 1600px;
				height: 100px;
			}
			#tridd img{
				height: 100px;
				width: 100px;
			}
		</style>
	</head>
	<body>
	 <div id="ppt">
		 <div id="unt">
		 	<div id="tridd" onmouseenter="mouseEnterAction()" style="margin-left: -257px;">
		 		<img src="./index_files/1.jpeg">
		 		<img src="./index_files/2.jpeg">
		 		<img src="./index_files/3.jpeg">
		 		<img src="./index_files/4.jpeg">	
		 		<img src="./index_files/5.jpeg">
		 		<img src="./index_files/6.jpeg">
		 		<img src="./index_files/7.jpeg">
		 		<img src="./index_files/8.jpeg">
		 		<img src="./index_files/10.jpeg">
				<img src="./index_files/1.jpeg">
				<img src="./index_files/2.jpeg">
				<img src="./index_files/3.jpeg">
				<img src="./index_files/4.jpeg">	
				<img src="./index_files/5.jpeg">
				<img src="./index_files/6.jpeg">
		 	</div>
		 </div>
	 </div>
	<script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35929/livereload.js?snipver=1"></' + 'script>')</script><script src="./index_files/livereload.js.下载"></script><script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })</script>
	<script type="text/javascript">
	var bbt=document.getElementById('tridd');
	var marginLeft=0;
	var msdfd=null;
	function mgAction(){
		marginLeft--;
		bbt.style.marginLeft=marginLeft+'px'
		if(marginLeft==-1000){
			marginLeft=0;
		}
		if(marginLeft%100==0){
			clearInterval(msdfd);
			setTimeout(function() {
				msdfd=setInterval(mgAction,10);
			}, 1000);
		}
	}
	function mouseEnterAction(){
		clearInterval(msdfd);
	}
	function mouseLeaveAction(){
		msdfd=setInterval(mgAction,10);
	}
	onload=function(){
		msdfd=setInterval(mgAction,10)
	}
		// onload=function(){
		// 	setInterval(function(){
		// 		marginLeft--;
		// 		bbt.style.marginLeft=marginLeft+'px';
		// 		if(marginLeft==-1000) {
		// 		   marginLeft=0;	
		// 		}
		// 	},10)
		// }
	</script>

</body></html>